<!--  -->
<template>
    <HomeBox title="我的" :full="true">
        <view class="h-48 home-box-head">
            <image
                :src="bgPng"
                mode="scaleToFill"
                class="absolute top-0 w-full bg-me aspect-video"
            />
            <view class="flex px-4 items-center text-base relative z-10">
                <image
                    :src="
                        $user.userMessage.headIcon == ''
                            ? noVader
                            : $user.userMessage.headIcon
                    "
                    mode="scaleToFill"
                    class="w-14 h-14 rounded-full mr-4"
                />
                <view>{{ $user.userMessage.userName }}</view>
            </view>
        </view>
        <LandLordService></LandLordService>
        <ActionList></ActionList>
    </HomeBox>
</template>

<script setup lang="ts">
import ActionList from "@/components/ActionList/index.vue";
import HomeBox from "@/components/HomeBox/index.vue";
import LandLordService from "@/components/LandlordService/index.vue";
import bgPng from "@/static/bg_me.png";
import noVader from "@/static/noVader.svg";
import { $user } from "@/store";
</script>
<!-- <style scoped lang="scss">
.bg-me{
    aspect-ratio: ;
}</style> -->
